<template>
    <div id="app">
      <div class="header">
        <Header></Header>
      </div>
      <div class="main" style="width: 100%;height: 900px;background-color: #f5f5f6">
        <!--路由跳转-->
        <div style="height: 520px;width: 800px;float: right;margin-top: 60px;margin-right: 180px">
          <router-view>123</router-view>
        </div>
        <!--左边路由-->
        <div style="height: 900px;width: 1200px;margin: auto;padding: 50px;background-color: white">
            <div class="left_title" style="width: 250px;height: 120px;">
              <div style="width: 250px;height: 40px;background-color: #162d46">
                <span style="font-size: 25px;color: white;padding-left: 20px;padding-top: 10px">联系我们</span>
              </div>
              <div style="width: 250px;height: 40px;border:0.01px solid #f4f4fa;padding-top: 7px">
                <span style="font-size: 15px;color: black;margin-left: 20px;"> <router-link style="color: black" :to="{name:'Relation'}">联系方式</router-link> </span>
              </div>
              <div style="width: 250px;height: 40px;border:0.01em solid #f4f4fa;padding-top: 7px">
                <span style="font-size: 15px;color: black;margin-left: 20px"> <router-link style="color: black" :to="{name:'Online'}">在线预约</router-link></span>
              </div>
            </div>
          <!--汽车推荐-->
          <div class="left_title" style="width: 250px;height: 500px;margin-top: 50px">
            <div style="width: 250px;height: 40px;background-color: #162d46">
              <span style="font-size: 25px;color: white;padding-left: 20px;padding-top: 10px">推荐车型</span>
            </div>
            <div style="width: 250px;height: 230px;border:0.01em solid #f4f4fa;padding-top: 7px">
              <img src="../assets/carList/car_1.jpg" style="width: 200px;height: 190px;margin-left: 20px" alt=""><br>
              <span style="margin-left: 90px">英菲尼迪</span>
            </div>
            <div style="width: 250px;height: 230px;border:0.01em solid #f4f4fa;padding-top: 7px">
              <img src="../assets/carList/car_1.jpg" style="width: 200px;height: 190px;margin-left: 20px" alt=""><br>
              <span style="margin-left: 90px">劳斯莱斯</span>
            </div>
          </div>

        </div>
      </div>
      <div class="footer">
        <Footer></Footer>
      </div>
    </div>
</template>

<script>
  import Header from "../components/Header";
  import Footer from "../components/Footer";
    export default {
      name: "Order",
      components:{
        Header,
        Footer
      }
    }
</script>

<style scoped>

</style>
